<template>
    <el-skeleton
      :loading="props.loading"
      animated
      :throttle="500"
    >
        <template #template>
            <slot name="template">
                <el-card>
                    <el-skeleton :rows="props.row" animated/>
                </el-card>
            </slot>
        </template>
        <template #default>
            <slot name="default"></slot>
        </template>
    </el-skeleton>
</template>
<script lang="ts" setup>
    const props = defineProps({
        loading: {
            type: Boolean,
            default: true
        },
        row: {
            type: Number,
            default: 1
        }
    })
</script>
<style scoped>
</style>